<template>
  <div class="step-title" :style="'margin-top: '+ pTop +'px;margin-bottom: '+ pBottom +'px'">
    <span><i class="el-icon-present pr-5"></i>{{title}}</span>
  </div>
</template>

<script>
  import resize from "../dashboard/mixins/resize";
  export default {
    mixins: [resize],
    props: {
      title: {
        type: String,
        default: ''
      },
      pTop: {
        type: Number,
        default: 0
      },
      pBottom: {
        type: Number,
        default: 0
      },
    },
    data() {
      return {
        chart: null
      }
    },
    mounted() {
      this.$nextTick(() => {
      })
    },
    methods: {
    }
  }
</script>
<style lang="scss" scoped>
  .step-title {
    padding: 5px;
    background: lightskyblue;
    span {
      color: white;
    }
  }
</style>
